<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Login</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}"/>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap-theme.min.css') }}"/>
</head>
<body>
<div class="container">
    <form id="loginForm" class="form-horizontal" role="form" method="post">
        <legend>Login</legend>
        <div class="form-group">
            <label for="username" class="col-sm-2 control-label">Username</label>

            <div class="col-sm-10">
                <input type="text" name="username" class="form-control" id="username"
                       placeholder="Username">
            </div>
        </div>
        <div class="form-group">
            <label for="password" class="col-sm-2 control-label">Password</label>

            <div class="col-sm-10">
                <input type="password" name="password" class="form-control" id="password"
                       placeholder="Password">
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button id="loginButton" type="submit" class="btn btn-default">submit</button>
            </div>
        </div>
    </form>
</div>
<script src="{{url_for('static', filename='js/jquery-2.1.1.js') }}"></script>
<script src="{{url_for('static', filename='js/bootstrap.min.js') }}"></script>
<script src="{{url_for('static', filename='js/login.js') }}"></script>
</body>
</html>